@extends('base')
@section('title', 'article.title')
@section('csses')
<style type="text/css">
    .col-md-11 {
        word-wrap:break-word;
         overflow:hidden;
    }
</style>
@endsection
@section('content')
    <div>
        <div style="margin-left: 15px;height: 25px;">
                <a class="txt_zhaiyao" href="{{ url('/') }}" style="color: #662828;font-size: 12px;">{{ __('Zoological Research') }}</a>
                &nbsp;<img src="http://www.zoores.ac.cn/images/dao.gif">&nbsp;
                 <img src="http://www.zoores.ac.cn/images/dao.gif">
                &nbsp;&nbsp;&nbsp;&nbsp;<span class="style1">DOI</span>: {{ $article->doi_number }}
        </div>
        
            <div style="margin-top: 20px;margin-left: 15px;height: 40px;color: #1d7135;">
                <h4>{!! $article->getTitle() !!}</h4>
            </div>
            <div style="margin-left: 15px;">
                {!! $article->authors !!}
            </div>
            <div style="margin-left: 15px;margin-top: 5px;">
                {!! $article->affiliation !!}
            </div>
            <div style="margin-top: 20px;">
                <div style="margin-left: 15px;">
                  <!-- Nav tabs -->
                  <ul class="nav nav-tabs" role="tablist">
                    <li role="presentation" class="active"><a href="#abstract" aria-controls="home" role="tab" style="color: #333;border-top-left-radius: 10px;border-top-right-radius: 10px;" data-toggle="tab" >Abstract</a></li>
                    <li role="presentation"><a href="#related" style="color: #333;border-top-left-radius: 10px;border-top-right-radius: 10px;" aria-controls="profile" role="tab" data-toggle="tab" >Related Articles</a></li>
                    <li role="presentation"><a href="#metrics" style="color: #333;border-top-left-radius: 10px;border-top-right-radius: 10px;" aria-controls="messages" role="tab" data-toggle="tab">Metrics</a></li>
                  </ul>
                  <!-- Tab panes -->
                  <div class="tab-content" style="margin-top: 15px;">
                    <div role="tabpanel" class="tab-pane active" id="abstract">
                        <div style="background-color: #F0F0F0">
                            <b>Download:</b>
                            <a href="{{ action('InPressArticleController@downloadFile',['id'=>$article->id, 'type'=>'pdf']) }}" style="color: #990000;"><u>PDF</u></a>
                            ({{ $article->fileSize() }})
                            <img width="14" height="16" src="{{ asset('images/htm.jpg') }}">
                            
                        </div>
                        <div  style="background-color: #F0F0F0">
                            <b>Export:</b>
                            <a style="color:#990000" href="{{ route('press_article.export_ref', ['id' => $article->id, 'type' => 'bibtex']) }}">BibTex</a> | 
                            <a style="color:#990000" href="{{ route('press_article.export_ref', ['id' => $article->id, 'type' => 'endnote']) }}">EndNote</a> | 
                            <a style="color:#990000" href="{{ route('press_article.export_ref', ['id' => $article->id, 'type' => 'reference_manager']) }}">Reference Manager</a> | 
                            <a style="color:#990000" href="{{ route('press_article.export_ref', ['id' => $article->id, 'type' => 'procite']) }}">ProCite</a> | 
                            <a style="color:#990000" href="{{ route('press_article.export_ref', ['id' => $article->id, 'type' => 'refworks']) }}">RefWorks</a>
                        </div>
                        <div>
                            <b>Guide</b>
                        </div>
                        <div style="margin-top: 20px;">
                                <div class="col-md-9" style="padding: 0px;">
                                <b>Abstract</b>
                                <div>{!! $article->getAbstract() !!}</div>
                                <div>
                                    <b>Keywords</b>
                                    @foreach($article->getKeywordsArr() as $keyword)
                                        {{ $keyword }} &nbsp;
                                    @endforeach
                                </div>
                                <div>
                                    <strong>PACS:</strong>
                                </div>
                                <div>
                                    <strong>Fund:</strong>
                                    {!! $article->fund !!}
                                </div>
                                <div>
                                    <strong>Corresponding Authors:</strong>
                                    {{ $article->corresponding_info }}
                                </div>
                                <div style="background-color: #F0F0F0">
                                    <strong>Cite this article:</strong>
                                </div>
                                <div>
                                    {!! $article->authorWithoutAff() !!}.&nbsp;
                                    {!! $article->title !!}. <i>Zoological Research</i>.
                                </div>
                                <div><hr style="height:1px;border:none;border-top:1px solid #555555;margin: 0px;" /></div>
                                <div style="background-color: #F0F0F0;margin-top: 3px;"><strong>URL:</strong></div>
                                <div>
                                    <a href="{{ url()->current() }}" style="color: red;">
                                        {{ url()->current() }}
                                    </a>
                                        OR
                                </div>
                            </div>
                            <div class="col-md-3">
                                <div class="bdsharebuttonbox"><a title="分享到微信" href="#" class="bds_weixin" data-cmd="weixin"></a><a title="分享到新浪微博" href="#" class="bds_tsina" data-cmd="tsina"></a><a title="分享到QQ好友" href="#" class="bds_sqq" data-cmd="sqq"></a><a title="分享到Facebook" href="#" class="bds_fbook" data-cmd="fbook"></a><a title="分享到Twitter" href="#" class="bds_twi" data-cmd="twi"></a><a title="分享到linkedin" href="#" class="bds_linkedin" data-cmd="linkedin"></a><a href="#" class="bds_more" data-cmd="more"></a>
                                </div>

                        <script>window._bd_share_config={"common":{"bdSnsKey":{},"bdText":"","bdMini":"2","bdMiniList":false,"bdPic":"","bdStyle":"1","bdSize":"24"},"share":{}};with(document)0[(getElementsByTagName('head')[0]||body).appendChild(createElement('script')).src='http://bdimg.share.baidu.com/static/api/js/share.js?v=89860593.js?cdnversion='+~(-new Date()/36e5)];</script>
                                <div style="margin-top: 5px;">
                                    <div style="background-color:#008B45;height: 28px;line-height: 28px;">
                                        <strong><span style="color:#ffffff;margin-left: 10px;">Service</span></strong>
                                    </div>
                                    <div style="height: 20xp;background-color:  #F0F0F0">
                                        <img src="{{ asset('images/arrow.jpg') }}" width="8" height="11" style="margin-left: 5px;">
                                        <a href="#" class="J_content" style="color: black;font-size: 13px;">E-mail this article</a>
                                    </div>
                                    <div style="height: 20xp;background-color:  #F0F0F0">
                                        <img src="{{ asset('images/arrow.jpg') }}" width="8" height="11" style="margin-left: 5px;">
                                        <a href="{{ action('AlertController@index') }}" class="J_content" style="color: black;font-size: 13px;">E-mail Alert</a>
                                    </div>
                                    <div style="height: 20xp;background-color:  #F0F0F0">
                                        <img src="{{ asset('images/arrow.jpg') }}" width="8" height="11" style="margin-left: 5px;">
                                        <a href="#" class="J_content" style="color: black;font-size: 13px;">RSS</a>
                                    </div>
                                    <div style="background-color:#008B45;height: 28px;line-height: 28px;">
                                        <strong><span style="color:#ffffff;margin-left: 10px;">Articles by authors</span></strong>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div role="tabpanel" class="tab-pane" id="related">
                        @foreach($article->getRelatedArticles() as $key => $value)
                        <div class="col-md-1" style="padding: 0px;width: 42px;height: 42;">[{{ $key+1 }}]</div>
                        <div class="col-md-11 word-wrap" style="padding: 0px;">
                                {{ $value->name }}. <a href="{{ action('ArticleController@index', ['id' => $value->id]) }}" style="color: #662828;">{{ $value->title }}</a>. Zoological Research: xxx.
                        </div>
                        @endforeach
                    </div>
                    <div role="tabpanel" class="tab-pane" id="metrics">
                        
                    </div>
                  </div>
              </div>
            </div>
    </div>
@endsection
 @section('scripts')
 <script type="text/javascript">
    $(".nav-tabs li a").click(function(e){
          $(this).blur();
        });
    var url=location.href;
    var type = url.split("=")[1];
    switch (type) {
        case 'related' :
            $('.nav-tabs li a[href = "#related"]').tab('show');
            break;
        case 'metrics' :
            $('.nav-tabs li a[href="#metrics"]').tab('show');
    }
 </script>
  @endsection